<template>
	<div>
		<u-navbar height="46" :background="{background:'linear-gradient(to bottom,#e7e9ef,#e8eaf0)'}" :border-bottom="false" :is-back="false">
			<view class="" style="width: 100%;display: flex;justify-content: space-between;align-items: center;">
				<view style="margin-left: 25rpx;font-size: 46rpx;font-weight: bold;color: #363636;display: flex;align-items: center;">
					<view style="width: 50rpx;display: flex;align-items: center;">
						<image v-if="$store.state.websocket.status" src="/static/images/link.png" style="width: 46rpx;height: 46rpx;" mode=""></image>
						<u-loading v-else mode="circle"></u-loading>
					</view>
					<view style="margin-left: 6rpx;">
						{{name}}
					</view>
				</view>
				<view style="margin-right: 25rpx;">
					<slot></slot>
				</view>
			</view>
		</u-navbar>
	</div>
</template>

<script>
	export default {
		name: "bgyx-nav-bar",
		data() {
			return {
				
			}
		},
		props:{
			name:{
				type:String,
				default:""
			}
		}
	}
</script>

<style>
</style>